<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ViewTracker2</title>
<style type="text/css">
body,img,p,h1,h2,h3,h4,h5,h6,form,ul,li,dl,dt,dd,pre,blockquote,fieldset,label
	{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	border-top: solid 4px #C60;
	font: 90% Arial, Helvetica, sans-serif;
	padding: 20px;
}

h1,h2 {
	margin: 10px 0;
}

p {
	margin: 10px 0;
}

pre {
	padding: 20px;
	background-color: #ffffcc;
	border: solid 1px #fff;
}

.wrapper {
	background-color: #ffffff;
	width: 800px;
	border: solid 1px #eeeeee;
	padding: 20px;
	margin: 0 auto;
}

.example-container {
	background-color: #f4f4f4;
	border-bottom: solid 2px #777777;
	margin: 0 0 40px 0;
	padding: 20px;
}

.example-container p {
	font-weight: bold;
}

.example-container dt {
	font-weight: bold;
	height: 20px;
}

.example-container dd {
	margin: -20px 0 10px 100px;
	border-bottom: solid 1px #fff;
}

.example-container input {
	width: 150px;
}

.clear {
	clear: both;
}

#ui-datepicker-div {
	font-size: 80%;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}

.ui-timepicker-div dl {
	text-align: left;
}

.ui-timepicker-div dl dt {
	height: 25px;
}

.ui-timepicker-div dl dd {
	margin: -25px 10px 10px 65px;
}

.ui-timepicker-div td {
	font-size: 90%;
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

table,td,tr {
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: black;
	border-collapse: separate;
	background-color: white;
}

</style>
<link type="text/css"
	href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<script src="js/jquery-1.7.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="js/datetimepicker.js" type="text/javascript"></script>

</head>
<body>
	<%@ page import="java.util.List;"%>

	<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

	<form action="ViewServlet" method="POST">

		<script>
			$(function() {
				$("#fromTime").datetimepicker();
			});
			$(function() {
				$("#toTime").datetimepicker();
			});

		</script>
		Search </br>

		<table border='1'>
			<tr>
				<td rowspan=2>
					 <input type="radio" checked name="criteria" value="recvTCDtime" /> recieve file from TCD <br/> 
					 <input type="radio" name="criteria" value="recvJPMCtime" /> recieve file from JPMC 					 
			    </td>
				<td>
					From : <input type="text" name="fromTime" id="fromTime" value="" />
				</td>
				<td>
					To : <input type="text" name="toTime" id="toTime" value="" />
				</td>
			</tr><tr></tr>
			<tr>
				<td><input type="radio" name="criteria" value="ConversationId" /> ConverstionId</td>				
				<td colspan=2><input type="text" name="conversationId" id="conversationId" value="" /></td>
			</tr>			
		</table>
		
		<input type="submit" value="search">
	</form>

	<table border='1'>
		<tr>
			<th>conversationid</th>
			<th>status</th>
			<th>tcdmsgid</th>
			<th>jpmcmsgid</th>
			<th>recvtcdtime</th>
			<th>beginsendjpmctime</th>
			<th>finsendjpmctime</th>
			<th>recvjpmctime</th>
			<th>sendtcdtime</th>
			<th>id (for resend feature)</th>
		</tr>

		<%
			List<String[]> displayList = (List<String[]>) request
					.getAttribute("result");

			if (displayList != null) {
				for (int i = 0; i < displayList.size(); ++i) {
		%>

		<tr>
			<%
				String[] display = displayList.get(i);
						for (int j = 0; j < display.length; ++j) {
			%>
			<td align="center"><%=display[j]%></td>
			<%
				}
			%>
		</tr>

		<%
			}
			}
		%>
	</table>


</body>
</html>